<%@page import="java.sql.ResultSet"%>
<%@page import="Librerias.Conexion"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Pagina Inicial</title>
        <LINK REL=StyleSheet HREF="CSS/StiloInicio.css" TYPE="text/css">
        <LINK REL=StyleSheet HREF="CSS/StiloCarrito.css" TYPE="text/css">
        <LINK REL=StyleSheet HREF="CSS/StiloInicioAdministrador.css" TYPE="text/css">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div id="cabecera">
            <div id="carrito"><a href="Carrito.jsp"><img id="carro_img" src="img/carrito-de-compra.gif"/>Cesta</a></div>
            <div id="titulo"><h1>En ca' Paqui</h1></div>
            <!--<div id="admin"><a href="InicioAdministrador.jsp"> Acceso a administradores </a></div>-->
        </div> 
        
        <div id="anuncio">
            <h1>Nuevos Articulos:</h1>
        </div>
        
        <div id="cuadro">
            <form method="get" action="Administrador" enctype="multipart/form-data" id="formulario">
                <div><input type="text" name="nombre" class="campos"></div><div class="pass">Usuario: </div>
                <div><input type="text" name="pass" class="campos"></div><div class="pass">Contraseña: </div>
                <div class="pass"><input type="submit" value="Aceptar" /></div>
            </form>
        </div>
        
        <form method="get" action="FiltradoProductos.jsp" enctype="multipart/form-data" name="form2">
            <div id="productos">
                    <%  Conexion con = new Conexion();
                        con.Abrir();
                        ResultSet rs = con.Function("select * from PRODUCTO ORDER BY ID desc FETCH FIRST 5 ROWS ONLY");
                        while (rs.next()) {
                            int id = rs.getInt("id");
                            String producto = rs.getString("nombre");
                            String categoria = rs.getString("categoria");
                            Double precio = rs.getDouble("precio");
                            String imagen = rs.getString("imagen");
                    %>
                    <div id="producto" class="<%out.print(categoria);%>">
                        <div class="info">
                            <div class="precio"><% out.print(precio+" EUR"); %></div>
                            <div class="nombre"><% out.print(producto); %></div>
                            <div class="precio"><a href="Sumacarro?id=<% out.print(id);%>"/><img id="carro_img2" src="img/carrito-2.gif"/></a></div>
                            <div class="caegoria"><% out.print(categoria); %></div>  
                        </div>
                        <div class="imagen"><img class="imagen" src="<%out.print(imagen);%>"/></div>
                    </div>
                    <%
                        }
                        con.Cerrar();
                    %>
            </div>
            <div id="cajas">
                <div id="buscar">
                    Buscar: <input type="text" name="producto" class="right"><br><br>
                    Categoria: <select name='categorias' class="right" id="cate">
                        <option value=''>-</option>
                        <option value='Alimentacion'>Alimentacion</option>
                        <option value='Drogueria'>Drogueria</option>
                        <option value='Prensa'>Prensa</option>
                        <option value='Herramientas'>Herramientas</option>
                    </select><br><br>
                    Precio: <select name='operador' id="operador">
                        <option value='='>=</option>
                        <option value='>'>></option>
                        <option value='<'><</option>
                    </select><input type="text" name="precio" class="right"><br><br>
                    <input type="submit" value="Buscar" class="right"/>
                </div>
                <div id="categorias" class="buscar">Categorias:
                    <ul>
                        <li><a href="FiltradoProductos.jsp?tipo=Alimentacion">Alimenatacion</a></li>
                        <li><a href="FiltradoProductos.jsp?tipo=Drogueria">Drogueria</a></li>
                        <li><a href="FiltradoProductos.jsp?tipo=Prensa">Prensa</a></li>
                        <li><a href="FiltradoProductos.jsp?tipo=Herramientas">Herramientas</a></li>
                    </ul>
                </div>
            </div>
        </form>
    </body>
</html>
